
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>富Marker示例</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/RichMarker/1.2/src/RichMarker_min.js"></script>
<style>
body{margin:0;padding:0}
.biaozhu {position: absolute; padding:5px 15px; font-size:14px; text-align:center; border-radius:30px; width:120px; background-color:#090; color:#fff; overflow: hidden;}
</style>
</head>
<body>
<div style="width:100%;height:100%;" id="container">
</div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.401952, 40.032704), 12);
map.enableScrollWheelZoom();

var html2 = '<div class="biaozhu">五莲石材圈</div>',
myRichMarker2 = new BMapLib.RichMarker(html2,  new BMap.Point(116.402922, 39.99908),{});
map.addOverlay(myRichMarker2);

myRichMarker2.addEventListener("onmouseover", function(e) {
	document.getElementById("rm3_image").src = "images/back2.png";
});

</script>

